<script setup>
import childrenWord from "./childrenWord.vue";
//defineProps里面有的属性在attrs里面就没有了
let props = defineProps({
  yterd:{
    type:Object
  }
  // info: {
  //   type: Object, //类型是数组或对象时default必须是一个函数
  //   default: () => {
  //     return {
  //       name: "123",
  //       age: 300,
  //     };
  //   },
  // },
  // msg: {
  //   type: String,
  // },
  // name: {
  //   type: String,
  // },
  // age: {
  //   type: Number,
  // },
});
const emits = defineEmits(["handleEdit"]);
const handleXiugai = () => {
  emits("handleEdit");
  /*父组件传过来的值是响应式数据，在子组件用的时候就是也是响应式数据，数据修改页面会更新。
  如果传递过来的是普通数据，在子组件用的时候也是普通数据，在普通数据修改的同时也有响应式数据被修改这样页面中的普通数据会更新，
  只修改普通数据没有其他响应式数据被修改,页面中的普通数据不会更新*/
  props.oblist.ten = 30;
};
console.log(props,74562000);
const dgsf=ref(100)
</script>

<template>
<div>
  {{yterd.name}}
</div>
  <childrenWord v-bind="$attrs"></childrenWord>
  <button @click="handleXiugai">修改按钮</button>
  <div v-bind="$attrs">1111</div>
  {{ dgsf }}-aaaaa
</template>

<style scoped>
a {
  color: #42b983;
}
</style>
